<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
 		.di01{
			height:200px; width:940px; background-color:#0F0; float:left; margin:10px
		}
		.di02{
			height:500px; width:200px; background-color:blue; float:left; margin:10px
		}
		.di03{
			height:500px; width:500px; background-color:red; float:left; margin:10px
		}	   	   	   
		.di04{
			height:500px; width:200px; background-color:green; float:left; margin:10px
		}	   	 
		.di05{
			height:200px; width:940px; background-color:#FF3; float:left; margin:10px
		}  	   
       	.father{
			height:960px; width:960px; border:solid #000;
		}
    
    
    </style>
	
		
	
</head>

<body>
<div class="father">
<div class="di01"></div>
<div class="di02"></div>
<div class="di03"></div>
<div class="di04"></div>
<div class="di05"></div>
</div>

<body>
</body>
</html>
